<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<link rel="icon" href="/logo.ico">
		<title>管理平台</title>
		<style>
			.userLayout::before {
				width: 100vw;
				height: 100vh;
				content: '';
				display: block;
				position: fixed;
				z-index: -1;
				left: 0;
				top: 0;
				background: #3e8ef7;
				/* background-image: linear-gradient(to bottom, #3e8ef7 0%, #0b69e3 100%); */
				background-image: url();
				background-repeat: repeat-x;
				background-position: center top;
				background-size: cover;
			}

			.loader-content {
				position: absolute;
				top: 50vh;
				left: 50vw;
				transform: translate(-50%, -50%);
				text-align: center;
				text-transform: uppercase;

			}

			.loader-content h2 {
				font-weight: 500;
				color: #fff
			}

			.loader-index {
				margin-top: 20px
			}

			.loader-index>div {
				display: inline-block;
				width: 4px;
				height: 25px;
				margin: 2px;
				background: #fff;
				border-radius: 2px;
				-webkit-animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85);
				animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85);
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both
			}

			.loader-index>div:nth-child(2),
			.loader-index>div:nth-child(4) {
				-webkit-animation-delay: -.6s !important;
				animation-delay: -.6s !important
			}

			.loader-index>div:nth-child(1),
			.loader-index>div:nth-child(5) {
				-webkit-animation-delay: -.4s !important;
				animation-delay: -.4s !important
			}

			.loader-index>div:nth-child(6) {
				-webkit-animation-delay: -.2s !important;
				animation-delay: -.2s !important
			}

			@-webkit-keyframes loader-index {
				0% {
					-webkit-transform: scaleY(1);
					transform: scaleY(1)
				}

				50% {
					-webkit-transform: scaleY(.4);
					transform: scaleY(.4)
				}

				100% {
					-webkit-transform: scaleY(1);
					transform: scaleY(1)
				}
			}

			@keyframes loader-index {
				0% {
					-webkit-transform: scaleY(1);
					transform: scaleY(1)
				}

				50% {
					-webkit-transform: scaleY(.4);
					transform: scaleY(.4)
				}

				100% {
					-webkit-transform: scaleY(1);
					transform: scaleY(1)
				}
			}
		</style>
		<!-- require cdn assets css -->
		<% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %>
		<link rel="stylesheet" href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" />
		<% } %>
	</head>
	<body class="userLayout">
		<noscript>
			<strong>We're sorry but vue-antd-pro doesn't work properly without JavaScript enabled. Please enable it to
				continue.</strong>
		</noscript>

		<div id="app">
			<div class="loader-content">
				<div class="loader-index">
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>
			</div>
		</div>

		<!-- require cdn assets js -->
		<% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %>
		<script type="text/javascript" src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
		<% } %>
		<!-- built files will be auto injected -->
	</body>
</html>
